<html class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-keplerstdextendeddisplay-n4-active wf-active" style=""><!--<![endif]--><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Kalle Gustafsson | photographer &amp; director</title>
    <meta name="description" content="Kalle Gustafsson | photographer &amp; director">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

    <link rel="stylesheet" href="/assets/css/main.css?2017">
    <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">

    <script src="/assets/js/analytics.js"></script><script src="/assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <script src="/assets/js/ubx3joo.js"></script>
    <style type="text/css">.tk-kepler-std-extended-display{font-family:"kepler-std-extended-display",serif;}</style><style type="text/css">@font-face{font-family:kepler-std-extended-display;src:url(https://use.typekit.net/af/0646ee/000000000000000000013041/21/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/0646ee/000000000000000000013041/21/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/0646ee/000000000000000000013041/21/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}</style><script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<!--[if lt IE 9]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="notice">
    <h1>Kalle Gustafsson</h1>
    <p>Please flip your phone</p>
</div>
<div class="wrapper clearfix" id="top">
    <div class="left">
        <div class="static">
            <h1>kalle gustafsson</h1>
            <ul>
                <li class="allimages active"><a href="#allimages" class="close"><span style="display: none;">all </span>images</a></li>
                <li class="counter" style="display: none;"><span>0</span>/260</li>
                <li class=""><a href="#motion" class="motion">motion</a></li>
                <li><a href="http://prints.kallegustafsson.com" target="_blank">print enquiries</a></li>
                <li><a href="#contact" class="contact">contact</a></li>
            </ul>
            <div id="contacts">
                <h3><a href="http://www.sarahlaird.com" target="_blank">Sarah Laird &amp; Good Company (US)</a></h3>
                <p><a href="mailto:joyce@sarahlaird.com">joyce@sarahlaird.com</a></p>
                <h3><a href="http://www.sarahlaird.com" target="_blank">Sarah Laird &amp; Good Company (UK)</a></h3>
                <p><a href="mailto:biddy@sarahlaird.com">biddy@sarahlaird.com</a></p>
                <h3><a href="http://www.trunkarchive.com" target="_blank">Trunk Archive (US, NEW YORK)</a></h3>
                <p><a href="mailto:nk@trunkarchive.com">nk@trunkarchive.com</a></p>
                <h3>Questions &amp; Comments</h3>
                <p><a href="mailto:studio@kallegustafsson.com">studio@kallegustafsson.com</a></p>
            </div>
        </div>
        &nbsp;
    </div>
    <div class="images" style="display: block;">
        <a class="photo" href="/assets/content/free-people-dree-hemingway-layout-3.jpg" id="image1">
            <img src="http://kallegustafsson.com/thumber.php?img=content/free-people-dree-hemingway-layout-3.jpg&amp;w=230" style="opacity: 1;">
        </a>

        <a class="photo" href="content/kallegustafsson_g7b5230_-1600x1067.jpg" id="image2">
            <img src="http://kallegustafsson.com/thumber.php?img=content/kallegustafsson_g7b5230_-1600x1067.jpg&amp;w=230" style="opacity: 1;">
        </a>

        <a class="photo" href="content/fashiontail-mcqueen_16-1600x1067.jpg" id="image3">
            <img src="http://kallegustafsson.com/thumber.php?img=content/fashiontail-mcqueen_16-1600x1067.jpg&amp;w=230" style="opacity: 1;">
        </a>

        <a class="photo" href="content/archi-109.jpg" id="image4">
            <img src="http://kallegustafsson.com/thumber.php?img=content/archi-109.jpg&amp;w=230" style="opacity: 1;">
        </a>

        <a class="photo" href="content/Neiman-Marcus-Alisa-Clement.jpg" id="image5">
            <img src="http://kallegustafsson.com/thumber.php?img=content/Neiman-Marcus-Alisa-Clement.jpg&amp;w=230" style="opacity: 1;">
        </a>
    </div>
    <div class="films" style="display: none;">
        <a class="film" href="http://player.vimeo.com/video/108907139?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" id="film1" data-gallery="videos">
            <img src="http://kallegustafsson.com/thumber.php?img=motion/boomerang-weekday-hideaway_108907139.jpg&amp;w=500">
        </a>

        <a class="film" href="http://player.vimeo.com/video/108911972?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" id="film2" data-gallery="videos">
            <img src="http://kallegustafsson.com/thumber.php?img=motion/storia-damore_108911972.jpg&amp;w=500">
        </a>

        <a class="film" href="http://player.vimeo.com/video/108907640?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" id="film3" data-gallery="videos">
            <img src="http://kallegustafsson.com/thumber.php?img=motion/mr-porter-elevator_108907640.jpg&amp;w=500">
        </a>

        <a class="film" href="http://player.vimeo.com/video/108907446?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" id="film4" data-gallery="videos">
            <img src="http://kallegustafsson.com/thumber.php?img=motion/marie-claire-handsome-girl_108907446.jpg&amp;w=500">
        </a>

        <a class="film" href="http://player.vimeo.com/video/108910759?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" id="film5" data-gallery="videos">
            <img src="http://kallegustafsson.com/thumber.php?img=motion/staygold-wallpaper_108910759.jpg&amp;w=500">
        </a>
    </div>
</div>
<div id="overlay" style="height: 4191px;">
    <div class="center">
        <div class="imagecontainer">
            <span id="close"></span>
            <a id="prev" alt="Previous" title="Previous" href="#"></a>
            <img src="">
            <a id="next" alt="Next" title="Next" href="#"></a>
        </div>
    </div>
</div>
<script src="/assets/js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/assets/js/jquery.min.js"><\/script>')</script>

<script src="/assets/js/plugins.js"></script>
<script src="/assets/js/main.js?2016"></script>

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
    (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
        function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
        e=o.createElement(i);r=o.getElementsByTagName(i)[0];
        e.src='/assets/js/analytics.js';
        r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
    ga('create','UA-XXXXX-X');ga('send','pageview');
</script>


</body></html>
